<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="edge" />
    <title>钜学客户管理系统</title>
    <link rel="shortcut icon" type="image/png" th:href="@{/img/edu.ico}" />
    <!-- Vendor styles -->
    <link rel="stylesheet" data-th-href="@{css/material-design-iconic-font/css/material-design-iconic-font.min.css}">
    <link rel="stylesheet" data-th-href="@{css/jquery.scrollbar/jquery.scrollbar.css}">
    <link data-th-href="@{assets/plugins/bootstrap/css/bootstrap.min.css}" rel="stylesheet" />
    <!-- Bootstrap Table -->
    <link rel="stylesheet" data-th-href="@{css/bootstrap-table/bootstrap-table.css}">
    <!-- animate -->
    <link rel="stylesheet" data-th-href="@{css/animate/animate.min.css}">
    <!-- multiple-select -->
    <link rel="stylesheet" data-th-href="@{css/multiple-select/multiple-select.css}">
    <link rel="stylesheet" data-th-href="@{assets/plugins/select2/dist/css/select2.min.css}">
    <link rel="stylesheet" data-th-href="@{css/step.css}">
    <!--通知消息-->
    <link data-th-href="@{assets/plugins/pnotify/dist/pnotify.css}" rel="stylesheet">
    <!-- jsTree -->
    <link rel="stylesheet" data-th-href="@{css/jsTree/style.min.css}">
    <!-- treeTable -->
    <link rel="stylesheet" data-th-href="@{css/jqTreeGrid/jquery.treegrid.css}">
    <!-- sweetalert2 -->
    <link rel="stylesheet" data-th-href="@{css/sweetalert2/sweetalert2.css}">
    <!-- datarangepicker -->
    <link rel="stylesheet" data-th-href="@{css/daterangepicker/daterangepicker.css}">
    <link data-th-href="@{assets/plugins/jquery-ui/themes/base/minified/jquery-ui.min.css}" rel="stylesheet" />
    <link data-th-href="@{assets/plugins/dropzone/min/dropzone.min.css}" rel="stylesheet" />
    <link data-th-href="@{assets/js/loding/loading.css}" rel="stylesheet" />
    <link data-th-href="@{assets/plugins/bootstrap3-editable/css/bootstrap-editable.css}" rel="stylesheet" />
    <link data-th-href="@{assets/plugins/font-awesome/css/font-awesome.min.css}" rel="stylesheet" />
    <link data-th-href="@{assets/css/style.min.css}" rel="stylesheet" />
    <link data-th-href="@{assets/css/style-responsive.min.css}" rel="stylesheet" />
    <link data-th-href="@{assets/plugins/bootstrap-wizard/css/smart_wizard.min.css}" rel="stylesheet" />
    <link data-th-href="@{assets/plugins/bootstrap-timepicker/css/bootstrap-datetimepicker.min.css}" rel="stylesheet" />
     <link data-th-href="@{assets/css/bootstrap-table-jumpto.css}" rel="stylesheet" />
    <link data-th-href="@{assets/css/theme/default.css}" rel="stylesheet" id="theme" />
</head>
<body class="pace-done f-s-13">
    <div id="page-loader" class="fade in"><span class="spinner"></span></div>
    <div id="page-container" class="fade page-sidebar-fixed page-header-fixed in active  page-sidebar-fixed ">
        <!-- begin #sidebar -->
        <div id="sidebar" class="sidebar sidebar-grid" style="background: #0c233a">
            <div data-scrollbar="true" data-height="100%" >
                <ul class="nav ">
                    <li class="overflow-hidden"><img src="img/customer.png" class="width-150 "/></li>
                    <li class="dropdown navbar-user">
                        <a href="javascript:void(0)"  data-toggle="dropdown" class="dropdown-toggle f-s-14"><img  id="index_avatar"/><span id="usernameAll">admin</span></a>
                        <ul class="dropdown-menu pull-left animated fadeInDown m-l-10">
                            <li class="media"><a href="javascript:;" onclick="modifyUserInfo();"><h6 class="media-heading">修改个人信息</h6></a></li>
                        </ul>
                    </li>
                </ul>
                <ul class="nav" id="menue_nav"></ul>
            </div>
        </div>
        <div class="sidebar-bg"></div>
        <input type="hidden" id="menu-id" value=""/>
        <div class="content">
            <div class="row">
                <!-- begin panel -->
                <div class="panel panel-inverse">
                    <div class="panel-heading" style="background: #1e405d">
                        <h5 class="panel-title">消息提醒
                            <ul class="nav navbar-nav navbar-left">
                                <li class="dropdown">
                                    <a href="javascript:;" data-toggle="dropdown" class="dropdown-toggle f-s-14">
                                        <i class="fa fa-bell-o"></i>
                                        <span class="label">5</span>
                                    </a>
                                    <ul class="dropdown-menu media-list pull-left animated fadeInDown">
                                        <li class="dropdown-header">通知 (5)</li>
                                        <li class="media">
                                            <a href="javascript:;">
                                                <div class="media-left"><i class="fa fa-bug media-object bg-red"></i></div>
                                                <div class="media-body">
                                                    <h6 class="media-heading">服务器错误通知</h6>
                                                    <div class="text-muted f-s-11">3 分钟之前</div>
                                                </div>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                            <ul class="nav navbar-nav navbar-right">
                                <li ><a href="logout"><span class="label" >退出</span></a></li>
                            </ul>
                        </h5>
                    </div>
                    <div class="panel-body p-0" id="ajax-content"></div>
                </div>
            </div>
         </div>
        <a href="javascript:;" class="btn btn-icon btn-circle btn-success btn-scroll-to-top fade" data-click="scroll-top"><i class="fa fa-angle-up"></i></a>
    </div>
    <!-- end page container -->
    <div data-th-include="common/common.html"></div>
    <!-- ================== BEGIN PAGE LEVEL JS ================== -->
    <script th:src="@{js/app/index.js}"></script>
    <script th:src="@{assets/js/apps.min.js}"></script>
    <script th:src="@{js/config.js}"></script>
    <script data-th-inline="javascript">
        /**统配地址**/
        var ctx = [[@{/}]];
        var userName = [[${user.username}]];
        var nickname = [[${user.nickname}]];
        var deptid  = [[${user.deptId}]];
        var uid  = [[${user.userId}]];
        $("#usernameAll").text(nickname);
        var avatar = [[${user.avatar}]];
        $("#index_avatar").attr("src","img/avatar/"+avatar);
    </script>
   <script th:src="@{assets/js/socket.io.js}"></script>
    <script th:src="@{js/app/webSocket.js}"></script>

   <!--<script data-th-src="@{customer/myCustomer/Call_index.js}"></script>-->
    <!--修改用户信息-->
    <div class="modal fade" id="index_user_info" data-keyboard="false" data-backdrop="static" tabindex="-1"></div>
    <!--销售助手全局弹框-->
    <div class="modal fade" id="sale_help_index" data-keyboard="false" data-backdrop="static" tabindex="-1"></div>

     <!--拨打电话相关参数存储-->
    <div class="modal fade" id="phone-modal" data-keyboard="false" data-backdrop="static" tabindex="-1">
       <div class="panel panel-inverse modal-dialog modal-md" >
           <div class="panel-heading">
               <div class="panel-heading-btn"><a href="javascript:;" onclick="$('#phone-modal').modal('hide');clearInterval(timer);" class="btn btn-xs btn-icon btn-circle btn-danger" ><i class="fa fa-times"></i></a></div>
               <h4 class="panel-title">拨打电话</h4>
           </div>
           <div class="panel-body p-t-0">
               <div class="tab-content p-0">
                   <form class="form-horizontal">
                       <div class="form-group">
                           <label class="col-md-3 control-label m-t-20" >客户名称:</label>
                           <div class="col-md-9 m-t-20">
                               <input class="form-control input-lg" type="text" id="suatomename" value="" readonly />
                           </div>
                       </div>
                       <div class="form-group">
                           <label class="col-md-3 control-label">客户电话号码:</label>
                           <div class="col-md-9">
                               <input class="form-control input-lg" type="text" value="15253130180" name="T1" size="20" id="dialcode" placeholder="请输入客户电话" />
                           </div>
                       </div>
                       <div class="form-group">
                         <label class="col-md-3 control-label">电话线选择:</label>
                          <div class="col-md-9">
                            <div class="radio pull-left m-r-30">
                              <label><input type="radio" name="dialcodeCode" value=""  checked />不加</label>
                            </div>
                            <div class="radio pull-left m-r-30">
                                <label><input type="radio" name="dialcodeCode" value="0"  />拨打加0</label>
                            </div>
                            <div class="radio pull-left m-r-30">
                                <label> <input type="radio" name="dialcodeCode" value="9" />拨打加9</label>
                            </div>
                          </div>
                       </div>
                       <div class="form-group">
                           <div class="time-item text-center">
                               <strong id="minute_show">00分</strong>
                               <strong id="second_show">00秒</strong>
                               <a href="javascript:void(0);" id="dialcodeNumid" onclick="ubox_dialnum(dialcode.value)"><i class="fa fa-3x fa-phone" ></i></a>
                           </div>
                       </div>
                   </form>
               </div>
           </div>
           <div class="panel-footer">
                <button class="btn btn-xs btn-success pull-left m-3"  id="divoceType">当前设备正常</button>
                <span class="pull-right m-3">当前设别型号: <span id="devicedType"></span></span>
               <div class="clearfix"></div>
           </div>
       </div>
        <input type="hidden" value="" id="recordUrl" /> <!--录音文件本地存储位置-->
        <input type="hidden" value="" id="cus_phone_uid" /> <!-- 针对用户操作-->
        <input type="hidden" value="" id="cus_uid_type" /> <!--用户类型-->
        <input type="hidden" value="" id="in_phone_num" /> <!--来电呼入的手机号-->
    </div>
  </body>
</html>